@color:#099292; 
@ico:#999;
//小图标 
.ico { display: inline-block; width: 20px; height: 20px;vertical-align: -5px;background: url(../img/icons.png) no-repeat -99em;zoom:1;}
//以下为IE9+浏览器 
:root .ico { background-image: none; position: relative; }
.ico::before, .ico::after, .ico c, .ico c::before, .ico c::after { content: ''; position: absolute; }
//自身为a标签，或父级包含a标签，hover时候边框色高亮
a:hover .ico::before, a:hover .ico::after, 
a:hover .ico c, a:hover .ico c::before, a:hover .ico c::after,
a.ico:hover::before, a.ico:hover::after, 
a.ico:hover c, a.ico:hover c::before, a.ico:hover c::after {border-color: @color;}
//以下出现background-position的都是兼容IE7-IE8浏览器的



//列表================
//--ie
.icolist { background-position: 0 0; }
a:hover .icolist, a.icolist:hover { background-position: -20px 0; }

.icolist::before{
    width:2px;height: 8px;
    border-top:2px solid @ico;
    border-bottom:2px solid @ico;
    left:3px;top:5px;
}
.icolist::after{border-top:2px solid @ico;width:2px;left:3px;top:10px;}
.icolist c,.icolist c::before,.icolist c::after{width:10px;border-top:2px solid @ico;}
.icolist c{left:8px;top:5px;}
.icolist c::before{top:8px;}
.icolist c::after{top:3px;}
//警告====================
//--ie
.icown { background-position: 0 -80px; }
a:hover .icown, a.icown:hover { background-position: -20px -80px; }

.icown::before{border-radius:50%;border:1px solid @ico;width:12px;height:12px;left:2px;top:5px;}
.icown::after{
    width:2px;height: 2px;border-top:2px solid @ico;
    border-bottom:4px solid @ico;
    left:8px;top:8px;}
//平铺==================
//--ie
.icorepeat { background-position: 0 -20px; }
a:hover .icorepeat, a.icorepeat:hover { background-position: -20px -20px; }

.icorepeat::before,.icorepeat::after,.icorepeat c{width:2px;height:6px;border-top:2px solid @ico;border-bottom:2px solid @ico;top:6px;}
.icorepeat c{left:3px;}
.icorepeat::before{left:8px;}
.icorepeat::after{left:13px;}
.icorepeat c::before{
    width:8px;height:2px;border-left:2px solid @ico;
    border-right: 2px solid @ico;top:2px;
}
.icorepeat c::after{width:2px;height:2px;border-bottom:2px solid @ico;left:5px;}
//打开=================
//--ie
.icoopen { background-position: 0 -40px; }
a:hover .icoopen, a.icoopen:hover { background-position: -20px -40px; }

.icoopen::before{
    width:5px;height: 10px;border-top:1px solid @ico;
    border-left:1px solid @ico;
    left:2px;top:5px;
}
.icoopen::after{
    width:8px;height:1px;border-top:1px solid @ico;border-right:1px solid @ico;
    left:7px;top:6px;
}
.icoopen c{
    width:12px;height: 10px;border:1px solid @ico;
    left:4px;top:8px;
}
//复制=============
//--ie
.icocopy { background-position: 0 -60px; }
a:hover .icocopy, a.icocopy:hover { background-position: -20px -60px; }

.icocopy::before{
    border:1px solid @ico;width:8px;height: 10px;
    left:4px; top:7px;
}
.icocopy::after{
    width:8px;height: 2px;border-top:1px solid @ico;border-left:1px solid @ico;
    left:7px;top:4px;
}
.icocopy c{
    width:2px;height:12px;border-right:1px solid @ico;border-bottom:1px solid @ico;
    left:14px;top:4px;
}
//分享========
//--ie
.icoshare { background-position: 0 -120px; }
a:hover .icoshare, a.icoshare:hover { background-position: -20px -120px; }

.icoshare c,.icoshare c::before,.icoshare c::after{
    width:3px;height: 3px;border:1px solid @ico;
    border-radius: 50%;
}
.icoshare c{left:2px;top:9px;width:4px;height: 4px;}
.icoshare c::before{left:9px;top:-6px;}
.icoshare c::after{left:9px;top:3px;}
.icoshare::before,.icoshare::after{width:6px;border-top:1px solid @ico;}
.icoshare::before{
    left:7px;top:8px;
    -webkit-transform:rotate(-30deg); 
        transform: rotate(-30deg);
}
.icoshare::after{
    left:7px;top:14px;
    -webkit-transform:rotate(30deg);
        transform:rotate(30deg);
}
//消息===========
//--ie
.icomsg { background-position: 0 -140px; }
a:hover .icomsg, a.icomsg:hover { background-position: -20px -140px; }

.icomsg::before{
    width: 5px; height: 8px; border: 1px solid @ico; border-right: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; left: 4px; top: 5px;
}
.icomsg::after{
    width: 3px; height: 8px; border: 1px solid @ico; border-left: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 1px;  top: 5px; left: 13px;
}
.icomsg c{
    width: 2px;height: 1px;border-left:1px solid @ico;border-right:1px solid @ico;
    background-clip: content-box;background-color: @ico; padding:0 2px;
    top:9px;left:6px;
}
.icomsg c::before { width: 3px; border-top: 1px solid @ico; top: -4px; left: 3px;}
.icomsg c::after { 
    width: 3px; height: 3px; border-right: 1px solid @ico; border-bottom: 1px solid @ico; border-bottom-right-radius: 2px; 
    -webkit-transform: skewY(45deg); 
    -ms-transform: skewY(45deg); 
    transform: skewY(45deg); 
    left: 3px; top: 4px; 
}
//下载==========
//--ie
.icodown { background-position: 0 -100px; }
a:hover .icodown, a.icodown:hover { background-position: -20px -100px; }

.icodown::before{
    width: 11px; height: 7px;border:1px solid @ico;border-top:none;
    left:4px;top:10px;
}
.icodown::after{
    width:5px;border-left:3px solid @ico;border-right:3px solid @ico;
    height: 1px;left:5px;top:10px;
}
.icodown c{
    width:1px;height: 7px;border-left: 1px solid @ico;
    left:10px;top:5px;
}
.icodown c::before{
    width: 0px; height: 0; border: 3px solid; 
    border-bottom-color: transparent!important;  
    border-left-color: transparent!important; 
    border-right-color: transparent!important; 
    border-top-color: @ico;
    top:7px;left:-3.5px;
}
//发送===========
//--ie
.icosend { background-position: 0 -160px; }
a:hover .icosend, a.icosend:hover { background-position: -20px -160px; }

.icosend::before{
    width: 11px; height: 7px;border:1px solid @ico;border-top:none;
    left:4px;top:10px;
}
.icosend::after{
    width:5px;border-left:3px solid @ico;border-right:3px solid @ico;
    height: 1px;left:5px;top:10px;
}
.icosend c{
    width:3px;height: 8px;left:9px;top:6px;
    border-top: 1px solid @ico;
    border-left: 1px solid @ico;
    border-top-left-radius: 5px 10px;
    border-bottom-left-radius: 3px ;
}
.icosend c::before{
    width:3px;height: 3px;border-top:1px solid @ico;border-right: 1px solid @ico;
    left:0px;top:-2px;
}
//用户============
.icouser::before{
    width:5px;height: 6px;left:3px;top:11px;border-radius: 1px;
    border-top: 1px solid @ico;
    border-left: 1px solid @ico;
    border-top-left-radius: 5px 10px;
    border-bottom-left-radius: 3px 0 ;
}
.icouser::after{
    width:5px;height: 6px;left:12px;top:11px;border-radius: 1px;
    border-top: 1px solid @ico;
    border-right: 1px solid @ico;
    border-top-right-radius: 5px 10px;
    border-bottom-right-radius: 3px 0 ;
}
.icouser c{
    border:1px solid @ico;width:5px;height: 6px;
    border-radius: 50%;
    left:7px;top:3px;
}
.icouser c::before{
    width:5px;border-top:1px solid @ico;top:9px;left:1px;
    -webkit-transform:rotate(-60deg);
        transform:rotate(-60deg);
}
.icouser c::after{
    width:5px;border-top:1px solid @ico;top:9px;left:-1px;
    -webkit-transform:rotate(60deg); 
        transform: rotate(60deg);
}
//删除=============
.icorecyle::before{
    width:3px;height: 0px;border:1px solid @ico;
    left:8px;top:5px;border-radius: 1px;
}
.icorecyle::after{
    width:13px;height: 1px;left:4px;top:7px;
    border-top: 2px solid @ico;
}
.icorecyle c{
    width: 7px;height: 8px;
    border:1px solid @ico;
    top:8px;left:6px;
}
.icorecyle c::before{
    height: 6px; width: 1px; padding: 1px; border-left: 1px solid @ico; border-right: 1px solid @ico; 
    background-color: @ico; background-clip: content-box;
    top:0px;left:1px;
}
//编辑===============
.icoedit::before{width:10px;height:10px;border:1px solid @ico;border-radius:2px;left:5px;top:6px;border-top:none;border-right: none;}
.icoedit::after{
    width:2px;height:1px; border-top:2px solid @ico;border-bottom: 6px solid @ico;left:12px;top:4px;
    -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
}
.icoedit c{
       width:1px;height: 1px;border-bottom:1px solid @ico;border-left:1px solid @ico;
    left:8px;top:12px;
}
.icoedit c::before{width:6px;border-top: 1px solid @ico;left:-3px;top:-6px;}
.icoedit c::after{height:6px;border-right: 1px solid @ico;left:6px;top:-2px;}
//锁定================
.icolock::before{
    width: 5px;height: 5px;
    border-top:1px solid @ico;
    border-left:1px solid @ico;
    border-right:1px solid @ico;
    left:7px;top:4px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}
.icolock::after{
    width:3px;height: 2px;
    border:1px solid @ico;
    -webkit-transform: skewY(45deg); 
    -ms-transform: skewY(45deg); 
    transform: skewY(45deg); 
    left:8px; top:12px;
    border-radius: .5em;
}
.icolock c{
    width:9px;height: 8px;
    border:1px solid @ico;
    left:5px;top:9px;
}
//解锁=================
.icounlock::before{
    width: 5px;height: 5px;
    border-top:1px solid @ico;
    border-left:1px solid @ico;
    border-right:1px solid @ico;
    left:11px;top:4px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}
.icounlock::after{
    width:3px;height: 2px;
    border:1px solid @ico;
    -webkit-transform: skewY(-45deg); 
    -ms-transform: skewY(-45deg); 
    transform: skewY(-45deg); 
    left:7px; top:12px;
    border-radius: .5em;
}
.icounlock c{
    width:7px;height: 8px;
    border:1px solid @ico;
    left:5px;top:9px;
}
//搜索===============
.icosearch::before{
    border-radius: 50%;width:8px;height: 8px;border:1px solid @ico;
    left:4px;top:5px;
}
.icosearch::after{
    width: 5px;border-top: 2px solid @ico;left:12px;top:14px;
    -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
}
.icosearch c{
    width:5px;height:5px;border-bottom:1px solid @ico+10;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    left:6px;top:7px;
     -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
}
// 箭头===============
.icot::before,.icor::before,.icob::before,.icol::before{ //上
    width:6px;height: 6px;border-top:2px solid @ico;border-left:2px solid @ico;
    left:5px;top:7px;
    -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
}
.icot::after{height:9px;border-left:2px solid @ico;left:8px;top:7px;}
.icot c{width:12px;height: 12px;border:1px solid @ico;border-radius: 50%;top:4px;left:2px;}
.icor::before{ //右
    left:7px;top:7px;
    -webkit-transform:rotate(135deg);
        transform:rotate(135deg);
}
.icor::after{width: 8px;border-top:2px solid @ico;left:6px;top:10px;}
.icor c{width:12px;height: 12px;border:1px solid @ico;border-radius: 50%;top:4px;left:4px;}
.icob::before{ //下
    left:5px;top:7px;
    -webkit-transform:rotate(-135deg);
        transform:rotate(-135deg);
}
.icob::after{height: 8px;border-left:2px solid @ico;left:8px;top:6px;}
.icob c{width:12px;height: 12px;border:1px solid @ico;border-radius: 50%;top:4px;left:2px;}
.icol::before{ //左
    left:5px;top:7px;
    -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
}
.icol::after{width: 8px;border-top:2px solid @ico;left:6px;top:10px;}
.icol c{width:12px;height: 12px;border:1px solid @ico;border-radius: 50%;top:4px;left:2px;}
//首页================
.icoindex::before{
    width:8px;height: 8px;border-top:2px solid @ico;border-left:2px solid @ico;
    left:5px;top:5px;
    -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
}
.icoindex::after{
    width:1px;height:3px;border: 1px solid @ico;border-bottom:none;left:13px;top:5px;
}
.icoindex c{
    width: 2px;height: 5px;border:1px solid @ico;border-bottom:none;
    top:11px;left:8px;
}
.icoindex c::before{
    width: 2px;height: 6px;border-left: 1px solid @ico;border-bottom: 1px solid @ico;
    left:-4px;top:-2px;
}
.icoindex c::after{
    width: 2px;height: 6px;border-right: 1px solid @ico;border-bottom: 1px solid @ico;
    left:3px;top:-2px;
}
//对=============
.icoyes::before{
    width:5px;height: 1px;border-top:2px solid @ico;
    left:5px;top:11px;
    -webkit-transform:rotate(-135deg);
        transform:rotate(-135deg);
}
.icoyes::after{
    width:8px;height:0;border-top:2px solid @ico;left:7px;top:10px;
    -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
}
.icoyes c{width:12px;height: 12px;border:1px solid @ico;border-radius: 50%;top:4px;left:2px;}
//错==============
.icono::before{
    width:4px;height: 4px;border-top:2px solid @ico;border-left:2px solid @ico;
    left:5px;top:11px;
    -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
}
.icono::after{
    width:4px;height: 4px;border-top:2px solid @ico;border-left:2px solid @ico;
    left:5px;top:5px;
    -webkit-transform:rotate(-135deg);
        transform:rotate(-135deg);
}
.icono c{width:12px;height: 12px;border:1px solid @ico;border-radius: 50%;top:4px;left:1px;}
//问号================
.icoask::before{
    border:1px solid @ico;width:12px;height: 12px;border-radius: 50%;
    left:3px;top:4px;
}
.icoask::after{
    width:4px;height: 4px;border-top:2px solid @ico;border-left:2px solid @ico;border-right:2px solid @ico;
    border-top-left-radius:5px 10px;border-top-right-radius:5px 10px;left:6px;top:6px;
    -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
}
.icoask c{width:2px;border-bottom:2px solid @ico;left:9px;top:14px;}
//加号===============
.icoadd::before{ width:2px;height:8px;border-left:2px solid @ico;top:7px;left:7px; }
.icoadd::after{width:8px;border-top:2px solid @ico;top:10px;left:4px;}
.icoadd c{width:12px;height: 12px;border:1px solid @ico;border-radius: 50%;top:4px;left:1px;}
//减号===============
.icodec::before{width:8px;border-top:2px solid @ico;top:10px;left:4px;}
.icodec::after{width:12px;height: 12px;border:1px solid @ico;border-radius: 50%;top:4px;left:1px;}
//时间===========
.icotime c{width:11px;height: 11px;border:2px solid @ico;border-radius: 50%;top:3px;left:1px;}
.icotime::before{width:1px;height:5px;border-left:1px solid @ico;left:7px;top:6px;}
.icotime::after{
    border:1px;height:4px;border-left: 1px solid @ico;left:8px;top:10px;
    -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
}
//商品================
.icogoods::before{
    width:8px;height: 3px;border:1px solid @ico;
    top:3px;left:5px;
    -webkit-transform: skewX(-45deg); 
    -ms-transform: skewX(-45deg); 
    transform: skewX(-45deg); 
    border-radius: 1px;
}
.icogoods::after{
    width:8px;height: 8px;border:1px solid @ico;
    top:7px;left:3px;border-radius: 1px;
}
.icogoods c{
    width:3px;height:8px;border:1px solid @ico;
    top:5px;left:12px;border-radius: 1px;
    -webkit-transform: skewY(-45deg); 
    -ms-transform: skewY(-45deg); 
    transform: skewY(-45deg); 
}
//信件==============
.icomail::before{width: 12px;height: 8px;border:1px solid @ico;left:2px; top:6px;}
.icomail::after{
    width:9px;height:9px;border-left: 1px solid @ico;border-bottom: 1px solid @ico;
    left:4px;top:2px;
    -webkit-transform: rotate(-45deg); 
    -ms-transform: rotate(-45deg); 
    transform: rotate(-45deg); 
}
.icomail c{
    width:6px;border-top: 1px solid @ico;left:2px;top:13px;
    -webkit-transform: rotate(-45deg); 
    -ms-transform: rotate(-45deg); 
    transform: rotate(-45deg); 
}
.icomail c::before{
     width:6px;border-top: 1px solid @ico;left:6px;top:5px;
    -webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
    transform: rotate(90deg); 
}
//图片===============
.icopic::before{
    width: 1px;height: 1px;border:1px solid @ico;border-radius: 50%;left:3px;top:8px;background:@ico;
}
.icopic::after{width: 12px;height: 9px;border-top: 1px solid @ico;border-right: 1px solid @ico;left:3px;top:4px;}
.icopic c{width: 12px;height: 8px;border:1px solid @ico;left:0px; top:6px;}
.icopic c::before{
    border:2px solid;
    border-top-color: transparent!important;  
    border-left-color: transparent!important; 
    border-right-color: transparent!important; 
    border-bottom-color: @ico;
    left:1px;top:3px;
}
.icopic c::after{
    border:4px solid;
    border-top-color: transparent!important;  
    border-left-color: transparent!important; 
    border-right-color: transparent!important; 
    border-bottom-color: @ico;
    left:3px;top:-1px;
}
//星星===============
.icostar::before,.icostar::after,.icostar c,.icostar c::before,.icostar c::after{
    width:3px;height:1px;border-left: 5px solid @ico;border-right: 5px solid @ico;
}
.icostar::before{
    left:5px;top:8px;
    -webkit-transform: rotate(72deg); 
    -ms-transform: rotate(72deg); 
    transform: rotate(72deg); 
}
.icostar::after{
    left:1px;top:8px;
    -webkit-transform: rotate(108deg); 
    -ms-transform: rotate(108deg); 
    transform: rotate(108deg)
}
.icostar c{
    left:3px;top:7px;
}
.icostar c::before{
    left:-6px;top:4px;
    -webkit-transform: rotate(36deg); 
    -ms-transform: rotate(36deg); 
    transform: rotate(36deg); 
}
.icostar c::after{
    left:-4px;top:4px;
    -webkit-transform: rotate(-36deg); 
    -ms-transform: rotate(-36deg); 
    transform: rotate(-36deg); 
}
//设置==================
.icoset::before{width: 2px;height: 2px;border: 1px solid @ico;border-radius: 50%;left:7px;top:9px;}
.icoset::after{width: 8px;height: 8px;border: 1px solid @ico;border-radius: 50%;left:4px;top:6px;}
.icoset c,.icoset c::before,.icoset c::after{ width:8px;height:4px;border-left:2px solid @ico;border-right:2px solid @ico;}
.icoset c{left:3px;top:9px;}
.icoset c::before{
    left:-2px;top:0px;
    -webkit-transform: rotate(60deg); 
    -ms-transform: rotate(60deg); 
    transform: rotate(60deg); 
}
.icoset c::after{
    left:-2px;top:0px;
    -webkit-transform: rotate(120deg); 
    -ms-transform: rotate(120deg); 
    transform: rotate(120deg); 
}
//品牌================
.icobrand c,.icobrand c::before,.icobrand c::after,.icobrand::before{
    width: 4px;height: 4px;border:1px solid @ico;
}
.icobrand c{left:3px;top:5px;}
.icobrand c::before{left:6px;top:-1px;}
.icobrand c::after{left:6px;top:6px;}
.icobrand::before{left:3px;top:12px;}


//向下箭头更多=============
.icom::before{
    height: 2px; width:0px; border-left: 1px solid @ico; left:9px;top:12px;
    box-shadow: 1px -1px @ico, 2px -2px @ico, 3px -3px @ico, -1px -1px @ico, -2px -2px @ico, -3px -3px @ico;
}